.dash-filter input, .dash-table-container .dash-spreadsheet-container input {
    color: white !important;
}


#repair-cancel-confirm-modal .modal-dialog {
    display: flex;
    align-items: center;
    min-height: 100vh;
}


/* 设备详情页面容器 */
.equipment-detail-container {
    display: flex;
    flex-direction: column; /* 上下布局 */
    height: calc(100vh - 90px); /* 减去导航栏高度 */
    padding: 15px; /* 增加整体内边距 */
    background-color: #f8f9fa; /* 轻微的背景色 */
}

/* 顶部区域 */
.equipment-detail-top-section {
    flex: 0 0 60px; /* 固定高度或较小比例 */
    display: flex;
    align-items: center;
    padding: 0 8px; /* 调整内边距 */
    background-color: #04274d; /* 蓝色背景 */
    border-radius: 8px; /* 圆角 */
    margin-bottom: 15px; /* 底部外边距 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); /* 轻微阴影 */
}

.equipment-detail-top-section h3 {
    margin: 0; /* 移除标题默认外边距 */
    color: white; /* 标题颜色改为白色 */; 
    
}

/* 底部区域 */
.equipment-detail-bottom-section {
    flex: 1; /* 底部区域占满剩余空间 */
    display: flex; /* 左右布局 */
    gap: 15px; /* 左右面板之间的间距 */
    background-color: #04274d; /* 蓝色背景 */
}

/* 左侧区域 */
.equipment-detail-left-panel {
    flex: 0 0 300px; /* 固定左侧宽度，或使用 flex-basis 控制比例 */
    background-color: #04274d; /* 蓝色背景 */
    border-radius: 8px; /* 圆角 */
    padding: 20px; /* 增加内边距 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); /* 轻微阴影 */
    overflow-y: auto; /* 如果内容超出，允许滚动 */
    color: white; /* 文字颜色改为白色 */
}

/* 右侧区域 */
.equipment-detail-right-panel {
    flex: 1; /* 右侧区域占满剩余空间 */
    background-color: #04274d; /* 蓝色背景 */
    border-radius: 8px; /* 圆角 */
    padding: 20px; /* 增加内边距 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); /* 轻微阴影 */
    overflow-y: auto; /* 如果内容超出，允许滚动 */
    color: white; /* 文字颜色改为白色 */
}

/* 设备基本信息部分 */
.equipment-basic-info {
    margin-bottom: 20px;
    
    padding: 15px; /* 增加内边距 */
    border-radius: 8px; /* 添加圆角 */
    color: white; /* 修改字体颜色为白色 */
}

.equipment-basic-info h2 {
    border-bottom: 2px solid white; /* 蓝色下划线改为白色 */
    padding-bottom: 8px;
    margin-bottom: 15px;
    color: white; /* 标题颜色改为白色 */
}

.equipment-basic-info p {
    margin-bottom: 10px; /* 调整段落间距 */
    color: yellow; /* 段落文字颜色改为白色 */
    font-size: 14px;
}


.dash-tabs .dash-tab-label:hover {
    background-color: #04274d; /* 蓝色背景 */
}



/* Tab 内容区域的样式 */
.dash-tabs .dash-tabs-container {
    border: 1px solid #ccc; /* Tab 内容区域边框 */
    padding: 15px;
    border-top-right-radius: 8px; /* 右上角圆角 */
    border-bottom-left-radius: 8px; /* 左下角圆角 */
    border-bottom-right-radius: 8px; /* 右下角圆角 */
    background-color: #007bff; /* 蓝色背景 */
}
/* 未选中 Tab 的样式 */
.dash-tabs .dash-tab-label {
    background-color: #007bff; /* 蓝色背景 */
    color: white; /* 白色字体 */
    /* 您可能还需要调整其他样式，例如内边距、边框等 */
    padding: 10px 15px;
    border-radius: 5px 5px 0 0;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

/* 选中 Tab 的样式 */
.dash-tabs .dash-tab--selected .dash-tab-label {
    background-color: #0056b3; /* 选中时可以稍微深一点的蓝色 */
    color: orange; /* 选中时字体为橙色 */
    /* 您可能还需要调整其他样式 */
    border-bottom: 2px solid orange; /* 选中时底部加橙色线 */
}

/* Tab 内容区域的样式 */
.dash-tabs .dash-tabs-container {
    border: 1px solid #ccc; /* Tab 内容区域边框 */
    padding: 15px;
    border-top-right-radius: 8px; /* 右上角圆角 */
    border-bottom-left-radius: 8px; /* 左下角圆角 */
    border-bottom-right-radius: 8px; /* 右下角圆角 */
    background-color: #007bff; /* 蓝色背景 */
}
.dash-tabs .dash-tab-label {
    background-color: #007bff; /* 蓝色背景 */
    color: white; /* 白色字体 */
}

.dash-tabs .dash-tab--selected .dash-tab-label {
    color: orange; /* 选中时字体为橙色 */
}


/* 模拟 Tab 头部链接的容器样式 */
.tab-links-container {
    display: flex; /* 使链接水平排列 */
    margin-bottom: 15px; /* 与内容区域的间距 */
    /* 您可能需要根据布局调整其他样式 */
}

/* 模拟 Tab 头部链接的样式 */
.tab-link {
    display: block; /* 使链接可以设置内边距和外边距 */
    padding: 10px 15px; /* 内边距 */
    margin-right: 5px; /* 链接之间的间距 */
    background-color: #007bff; /* 蓝色背景 */
    color: white; /* 白色字体 */
    text-decoration: none; /* 移除默认下划线 */
    border-radius: 5px 5px 0 0; /* 顶部圆角 */
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    cursor: pointer; /* 鼠标悬停时显示手型 */
}

/* 鼠标悬停时的样式 */
.tab-link:hover {
    background-color: #0056b3; /* 悬停时颜色变深 */
}

/* 选中状态的样式 (需要通过 JavaScript 或 Dash 回调动态添加类) */
.tab-link.active {
    background-color: #0056b3; /* 选中时颜色变深 */
    color: orange; /* 选中时字体为橙色 */
    border-bottom: 2px solid orange; /* 选中时底部加橙色线 */
}
.info-row { margin-bottom: 12px; }
.info-title { font-weight: bold; color: orange; }
.info-value { margin-top: 4px; color: #fff; }

/* 菜单项悬停效果 */
#admin-menu > div:hover {
    background-color: #334477 !important;
    transition: background-color 0.2s ease;
}

/* 菜单按钮悬停效果 */
#admin-menu-toggle:hover {
    color: #ccddff !important;
    transition: color 0.2s ease;
}

/* 确保菜单在所有情况下都能正确显示 */
#admin-menu {
    min-width: 140px;
    max-width: 200px;
}


/* 确保下拉菜单项样式正确 */
/* 管理菜单下拉样式 */
.admin-menu-dropdown .dropdown-menu {
    background: #223366 !important;
    border: 1px solid #334477 !important;
    border-radius: 4px !important;
    min-width: 140px !important;
    margin-top: 8px !important;
}

.admin-menu-dropdown .dropdown-item {
    color: white !important;
    padding: 8px 16px !important;
    text-decoration: none !important;
    display: block !important;
}

.admin-menu-dropdown .dropdown-item:hover {
    background-color: #334477 !important;
    color: white !important;
    text-decoration: none !important;
}

.admin-menu-dropdown .dropdown-divider {
    border-color: #334477 !important;
}

.admin-dropdown .dropdown-item {
    color: white !important;
    padding: 12px 20px !important;
    font-size: 16px !important;
}

.admin-dropdown .dropdown-item:hover {
    background-color: #334477 !important;
    color: white !important;
}

.admin-dropdown .dropdown-toggle {
    background: none !important;
    border: none !important;
    color: white !important;
    font-size: 32px !important;
}

.admin-dropdown .dropdown-toggle:focus {
    box-shadow: none !important;
}